<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.js"></script>
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			ul{
				list-style: none;
			}
			a{
				color: #000000;
				text-decoration: none;
				font-size: 28px;
				background-color: #EEEEEE;
				padding: 10px;
			}
			.box{
				padding: 40px 0 0 40px;
			}
			.box li{
				padding: 20px 0;
			}
			p{
				font-size: 20px;
				padding: 20px 0;
			}
			span{
				color: red;
			}
			.xiala{
				margin-top: 20px;
				max-height: 800px;
				display: none;
			}
			.xiala p{
				padding: 5px 0;
			}
			.more{
				background-color: #EEEEEE;
				border-radius: 10px;
				padding: 10px;
				cursor: pointer;
			}
			.shouqi{
				width: 35%;
				cursor: pointer;
				text-align: center;
				background-color: #EEEEEE;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<ul>
				<li><a href="#">兼职教师</a>
				<span class="more">查看详情</span>
				<div class="xiala">
					<h2>小学作业辅导</h2>
					<p>要求：普通话标准，对小学语数英课程指导有自信心</p>
					<p>人数：1人</p>
					<p>工作时间：每周一到周五下午5点到8点</p>
					<p>工作地点：清城区名德幸福里9号楼首层商铺宝乐校外托管中心</p>
					<p>工作待遇：（40元+晚餐）/天</p>
					<p>结算周期：每周结</p>
					<p>联系人：刘金宝</p>
					<p>联系电话：18029709634</p>
					<p>添加微信：<img src="img/3.png"></p>
				</div></li>
				<li><a href="#">网页兼职</a>
				<span class="more">查看详情</span>
				<div class="xiala">
					<h2>网站开发</h2>
					<p>要求：熟悉html+css，对web前端有浓厚学习兴趣</p>
					<p>人数：1人</p>
					<p>工作时间：待命，有空就接</p>
					<p>工作地点：自己选择哈，有电脑就行</p>
					<p>工作待遇：按每单的佣金结算</p>
					<p>结算周期：现结</p>
					<p>联系人：徐树伟</p>
					<p>联系电话：15626699990(微信同步)</p>
				</div></li>
				
			</ul>
		</div>
		<script>
			var a=0;
			for(i=0;i<=$('.more').length;i++){
				
				$('.more').eq(i).click(function(){
					$(this).next().toggle(500)
					if(a){
						$(this).text("查看详情")
						return a=0
					}else{
						$(this).text("收起")
						return a=1
					}
					console.log($(this).text())
				})
				
			}
			
		</script>
	</body>
</html>
